@media screen and (min-width: 1280px) and (max-width: 1366px) {

    .banner-one .list1{margin-top: 0;}
    .banner-one .list1 h3{padding-top: 120px; font-size: 20px;}
    .banner-one .list1 .txt{margin: 0 40px;}


}

@media screen and (min-width: 1024px) and (max-width: 1279px) {

    .w1200{width: 94%;}
    .list01 .list01_con{width: 94%}

    .banner-one{width: 94%;}
    .banner-one .list1{margin-top: 0;}
    .banner-one .list1 h3{padding-top: 120px; font-size: 20px;}
    .banner-one .list1 .txt{margin: 0 40px;}

    .list03 .list03_con .list03_right .list li .data h6{font-size: 17px;}
    .list03 .list03_con .list03_right .list li .data p{font-size: 13px;}
    .list03 .list03_con .list03_right .list li .txt h3{font-size: 14px; margin-bottom: 8px;}
    .list03 .list03_con .list03_right .list li .txt p{font-size: 12px;}



}


@media screen and (max-width: 479px) {

    .w1200{width: 100%}

    /*----header----*/
    .header{width: 100%; height: 50px; background: #fff}
    .header .logo{width: 144px; height: 40px; float: none; margin: 5px 10px;}

    .header .button{position: absolute; right: 0; top: 0; width: 40px; height: 40px; padding: 5px; margin: 0 10px; background: none; border: none; cursor: pointer; display: block}
    .header button{outline: none}
    .header .button span{width: 30px; height: 2px; position: absolute; top: 0; left: 5px; display: block; background: #0d579b; transition: all .5s; -webkit-transition: all .5s}

    .header .button span:nth-child(1){top: 10px}
    .header .button span:nth-child(2){top: 20px}
    .header .button span:nth-child(3){top: 30px}

    #button .span1{top: 20px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg)}
    #button .span2{opacity: 0}
    #button .span3{top: 20px; transform: rotate(45deg); -webkit-transform: rotate(45deg)}


    .nav{float: none; width: 220px; height: 100%; position: fixed; left: -220px; background: #f0f0f0; transition: all .6s; -webkit-transition: all .6s}
    .nav .nav_bar{float: none; margin: 60px 0 0 0;}
    .nav .nav_bar li{float: none; margin-right: 0; margin-bottom: 1px}
    .nav .nav_bar li a{width: 100%; padding: 0 0 0 60px; color: #333; line-height: 50px; text-align: left; box-sizing: border-box}
    .nav .nav_bar li:before{width: 0; height: 50px;}
    .nav .nav_bar li:hover:before{width: 100%}
    .nav .nav_bar li.on:before{width: 100%}

    .nav.nav_left{left: 0}

    .language{width: 100%; margin-right: 0}
    .language a{padding: 0 0 0 50px; text-align: left; line-height: 50px; display: block}
    .language:before{width: 0; height: 40px;}
    .language:hover:before{width: 100%}


    /*----footer----*/
    .footer{padding: 30px 0 10px 0; position: relative; background: #151214;}
    .footer .w1200{width: 92%;}
    .footer h3{font-size: 17px;}
    .footer .footer_left{width: 100%;}
    .footer .footer_left p span{display: none}
    .footer .footer_right{width: 100%;}
    .footer .footer_right p{text-align: left;}


    /*----banner----*/
    .banner{top: 50px}
    .banner_con{position: relative}
    .banner_con .swiper-slide .txt{width: 96%; top: 20%; left: 50%; margin-left: -48%}
    .banner_con .txt h1{font-size: 20px}
    .banner_con .txt h3{font-size: 42px}
    .banner_con .txt p{font-size: 14px}


    /*----------------------------index-----------------------------*/
    .title{margin-bottom: 30px}
    .title h1{font-size: 17px;}
    .title h3{font-size: 13px;}


    /*----list01----*/
    .list01{padding: 30px 0 40px 0}
	.list01 .list01_con .list01_list .img{height: 126px;}
    .list01 .list01_con .list01_list{margin-bottom: 30px; margin-right: -2%}
    .list01 .list01_con .list01_list .li{width: 48%; float: left; margin-right: 2%; margin-bottom: 10px}
    .list01 .list01_con .list01_list a{padding: 0}
    .list01 .list01_con .list01_list .txt h3{font-size: 13px;}


    /*----list02----*/
    .list02{height: auto; background: none; padding-top: 0; padding-bottom: 10px}
    .list02 .list02_left{width: 100%; height: 220px; float: none; background: url("../image/about_m.jpg") no-repeat; background-size: cover}
    .list02 .list02_left img{display: none}

    .list02 .list02_right{float: none; width: 92%; margin: 0 auto; padding: 20px 0; background: #fff;}
    .list02 .list02_right h1{font-size: 18px; }
    .list02 .list02_right h3{font-size: 13px; margin-bottom: 20px}
    .list02 .list02_right p{font-size: 12px;}


    /*----banner-one----*/
    .banner-one{width: 100%;  margin: 0;}
    .banner-one .slick-slide img{width: 100%; height: auto; float: none}
    .banner-one .list1{width: 100%; margin-top: 40px; ; float: none; text-align: left}
    .banner-one .list1 h3{padding-top: 10px; padding-left: 20px; font-size: 16px; font-weight: 100; letter-spacing: 2px;}
    .banner-one .list1 p{font-size: 12px; padding-left: 20px; padding-bottom: 10px }
    .banner-one .list1 .txt{margin: 0; color: #888; padding-right: 10px; padding-bottom: 40px}



    /*----list03----*/
    .list03{width: 92%; margin: 0 auto; padding: 30px 0; background: #fff}
    .list03 .title p{font-size: 13px;}

    .list03 .list03_con .list03_left{width: 100%; margin-right: 0; margin-bottom: 20px}
    .list03 .list03_con .list03_left .img{width: 100%; height: 200px; }

    .list03 .list03_con .list03_right{width: 100%}

    .list03 .list03_con .list03_right .list li .data{width: 15%; margin-right: 5%;}
    .list03 .list03_con .list03_right .list li .data h6{font-size: 20px;}
    .list03 .list03_con .list03_right .list li .data p{font-size: 13px;}
    .list03 .list03_con .list03_right .list li .txt{width: 80%;}
    .list03 .list03_con .list03_right .list li .txt h3{font-size: 14px; margin-bottom: 10px;}
    .list03 .list03_con .list03_right .list li .txt p{font-size: 12px; line-height: 16px}





    /*--------------------------page-------------------------------------*/

    /*----page-content----*/
    .page_banner{height: 220px; padding-top: 50px}
	.page_banner .page_banner_bg{background-size: cover}


    .page_title{width: 92%; margin: 0 auto 40px auto;}
    .page_title a{width: 26.6666%; padding: 10px; margin-bottom: 6px; font-size: 12px; color: #333; text-align: center;}

    .page_title h3{font-size: 18px;}
    .page_title h3 i{font-size: 13px;}


    /*----page_about----*/
    .page_about{width: 92%; margin: 0 auto;}
    .page_about img{height: auto}

    /*----page_speech----*/
    .page_speech{width: 92%; margin: 0 auto;}
    .page_speech img{width: 100%; height: auto}

    /*----page_culture----*/
    .page_enterprise{width: 92%; margin: 0 auto;}
    .page_enterprise .enterprise_con{margin: 40px 0}
    .page_enterprise .enterprise_con .list li{margin-bottom: 10px}
    .page_enterprise .enterprise_con .list li .img{width: 100%}
    .page_enterprise .enterprise_con .list li .txt{width: 100%; padding: 10px 0}
    .page_enterprise .enterprise_con .list li .txt02{padding: 10px 0; border-top: 1px solid #dedede}
    .page_enterprise .enterprise_con .list li .txt h3{font-size: 18px;}
    .page_enterprise .enterprise_con .list li .txt p{line-height: 20px}

    /*----page_honor----*/
    .page_honor{width: 92%; margin: 0 auto}
    .page_honor .list{list-style: none; margin: 40px -2% 40px 0;}
    .page_honor .list li{width: 48%; margin-right: 2%; margin-bottom: 10px}

    /*----page_network----*/
    .page_network{width: 92%; margin: 0 auto}
    .page_network img{width: 100%}

    /*----page_product----*/
    .page_product{width: 92%; margin: 0 auto;}
    .page_product .list{margin-right: -2%}
    .page_product .list li{width: 48%; margin-right: 2%;}
	.page_product .list li .img{height: 126px;}
    .page_product .list li .txt h3{font-size: 13px;}

    /*----page_productshow----*/
    .page_productshow{width: 92%; margin: 0 auto}
    .page_productshow .productshow_title{margin-bottom: 20px;}
    .page_productshow .productshow_title .img img{width: 100%}

    /*----page_strength----*/
    .page_strength{width: 92%; margin: 0 auto}
    .page_strength .list{margin-right: -2%}
    .page_strength .list li{width: 48%; margin-right: 2%; margin-bottom: 10px;}
    .page_strength .list li p{font-size: 13px; line-height: 32px;}

    /*----page_news----*/
    .page_news{width: 92%; margin: 0 auto}
    .page_news .list li .img{width: 100%; height: 180px; margin-right: 0;}
    .page_news .list li .txt{width: 100%; }
    .page_news .list li .txt h1{font-size: 15px;}
    .page_news .list li .txt h6{font-size: 14px; margin-bottom: 10px;}
    .page_news .list li .txt p{font-size: 13px;}
    .page_news .list li span{display: none}

    /*----page_newshow-----*/
    .page_newshow{width: 92%; margin: 0 auto}
    .page_newshow .title h1{font-size: 15px;}
    .page_newshow .title span{font-size: 12px;}
    .page_newshow .con img{width: 100%; height: auto}

    /*----page_contact----*/
    .page_contact{width: 92%; margin: 0 auto}
    .page_contact .contact_left{width: 100%; margin-right: 0; margin-bottom: 10px}
    .page_contact .contact_left img{display: none}

    .page_contact .contact_right{width: 100%}



}